<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>等待领取收益</title>
	<link rel="stylesheet" href="../css/common.css">
	<style>
		.profit{
			padding: 1rem;
		}
		.profitDetail{
			width: 50%;
			float: left;
			text-align: center;
		}
		.profitTitle{
			font-size: 1.125rem;
		}
		.profitNum{
			font-size: 0.875rem;
			margin: 0.375rem 0;
			color: #333;
		}
		.profitState{
			padding: .2rem;
			width: 5rem;
			margin: auto;
			color: #fff;
			height: 1.3rem;
			border-radius: 0.25rem;
			font-size: 0.875rem;
		}
		.zhijie{
			background: linear-gradient(to right, #0075ff , #00c5ff);
		}
		.shengji{
			background: linear-gradient(to right, #ff0000, #d46e6e);
		}
		.profitInfor{
			padding: 0 1rem;
			margin: 1.25rem 0;
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
		}
		.userInfor{
			display: flex;
			align-items: center;
			justify-content: space-between;
			text-align: center;
			padding: 1rem 0;
			border-bottom: 1px solid #f5f5f5;
		}
		.userPhone{
			font-size: 1rem;
			margin-bottom: 1rem;
		}
		.userTime{
			color: #AEAEAE;
		}
		.userMore{
			color: #FF0000;
		}
		.userMoney{
			font-size: 1.125rem;
		}
		.userList{
			display: flex;
			padding: .5rem 0;
		}
		.listDetail{
			width: 33%;
			text-align: center;
		}
		.listTitle{
			color: #AEAEAE;
			margin-bottom: .2rem;
		}
		.listMore span{
			color: #FF0000;
		}
		.intiveBtn{
			position: fixed;
			bottom: 0;
			width: 100%;
		}
		.invite{
			width: 90%;
			margin: 0 auto;
			color: #fff;
			height: 3rem;
			line-height: 3rem;
			text-align: center;
			font-size: 1.125rem;
			border-radius: 4px;
			background: linear-gradient(to right, #0075ff , #00c5ff);
		}
	</style>
</head>
<body>
	<div class="tabsBox">
		<div class="topTab">
			<div class="tabLeft">
			</div>
			<div class="tabCenter">待领取收益</div>
			<div class="tabRight">收益说明</div>
		</div>
	</div>
	<div class="profit">
		<div class="profitTop cleardrift">
			<div class="profitDetail">
				<div class="profitTitle">当前可领收益</div>
				<div class="profitNum">1000元</div>
				<div class="profitState zhijie">直接领取</div>
			</div>
			<div class="profitDetail">
				<div class="profitTitle">当前可领收益</div>
				<div class="profitNum">1000元</div>
				<div class="profitState shengji">直接领取</div>
			</div>
		</div>
		<div class="profitInfor">
			<div class="userInfor">
				<div class="userLeft">
					<div class="userPhone">112313132</div>
					<div class="userTime">12-12 10:32</div>
				</div>
				<div class="userMore">
					<p>最高奖励</p>
					<p class="userMoney">66元</p>
				</div>
			</div>
			<div class="userList">
				<div class="listDetail">
					<div class="listTitle">充值金额</div>
					<div class="listMore">100.0</div>
				</div>
				<div class="listDetail">
					<div class="listTitle">当前奖励</div>
					<div class="listMore">32.3元<span>(10%)</span></div>
				</div>
				<div class="listDetail">
					<div class="listTitle">与我关系</div>
					<div class="listMore">直接</div>
				</div>
			</div>
		</div>
		
		<div class="profitInfor">
			<div class="userInfor">
				<div class="userLeft">
					<div class="userPhone">112313132</div>
					<div class="userTime">12-12 10:32</div>
				</div>
				<div class="userMore">
					<p>最高奖励</p>
					<p class="userMoney">66元</p>
				</div>
			</div>
			<div class="userList">
				<div class="listDetail">
					<div class="listTitle">充值金额</div>
					<div class="listMore">100.0</div>
				</div>
				<div class="listDetail">
					<div class="listTitle">当前奖励</div>
					<div class="listMore">32.3元<span>(10%)</span></div>
				</div>
				<div class="listDetail">
					<div class="listTitle">与我关系</div>
					<div class="listMore">直接</div>
				</div>
			</div>
		</div>
	</div>
		<div class="intiveBtn">
			<a class="invite" href="../html/intive.html">邀请用户获得收益</a>
		</div>
</body>
<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script>
	$(function(){
		
		// console.log($('.userPhone').text())
	})
</script>
<!-- 获取文本的值 -->
<!-- tel.substr(0,3)+"****"+tel.substr(7);
userPhone -->
</html>